
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/*Topo*/

#navbar{
height: 38px;
background-color:#8b8b8a;
}

#logo{
width: 220px ;
height: 100px;
float:left;
margin-top:-60px;
margin-left:-50px;
background:url("img/logo.png")no-repeat;
}

#menu2{
float:right;
}

#menu1{
padding-left:55px;
}

.menu {
float:left; 
margin-top:10px;

}

.menu ul {
list-style-type:none;
}

.menu ul li {
width:148px;
margin-left:10px;
float:left;
}

.menu ul li a {
font-family: 'Ubuntu', sans-serif;
font-size:15px;
text-transform:uppercase;
text-decoration: none;
color:#f9f6f6;
}

.menu ul li a:hover{
color:#ffa409;
} 

.menu ul li a:active{
color:#ff2121;
}

.menu ul li p {
font-family: 'Goudy Bookletter 1911', serif;
font-size:14px;
color:#7d7d7d;
margin-bottom: 4px;
}

/*footer*/
.footers {

}


#footer3{
background:#ffa409;
height: 44px;
border-top: solid 1px #eb9708;
border-bottom: solid 1px #eb9708;
margin-top: 10px;
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
color: #ebebeb;
}

#footer3 ul{
float:right;
list-style-type:none;
margin-top: 12px; 
margin-left: 20px;
}

#footer3 ul li{
border-right: 2px solid #ebebeb;
margin-left:14px;
float:left;
padding-right:13px; 
}

#footer3 ul li:last-child{
border-right: 0px;
}

#footer3 ul li a{
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
color: #ebebeb;
text-transform:uppercase;
text-decoration: none;
}

#footer3 p{
float: left;
margin-left: 17px;
margin-top: 10px;

}

#creditos{
font-size: 12px;
float: right;
margin-right: 12px;
margin-top: 10px;
margin-bottom: 10px;
}

#creditos a{
color: #898989;
font-family: 'Ubuntu', sans-serif;
text-transform:uppercase;
text-decoration: none;

}

/*Google maps*/

.infoBox { background-color: #FFF; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 2px solid #3fa7d8; border-radius: 3px; margin-top: 10px; padding: 15px 10px }
.infoBox p { padding: 0 15px }
.infoBox:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #3fa7d8; top: -10px; content: ""; height: 0; position: absolute; width: 0; left: 138px }

/*Retira borda da tag fieldset*/
/*Remove border of the fieldset tag*/
fieldset {
border:none;
float:left;
}

/*Campo de pesquisa*/
/*Search field*/

.campos {
	margin: 20px auto 0px; 
	overflow: hidden; 
	float:left;
}

.campos label { 
	background: #8b8b8a; 
	color: #f0f0f0; 
	cursor: pointer; 
	display: block; 
	height: 20px; 
	float: left; 
	font: 18px  'Ubuntu', sans-serif;
	padding: 7px 0px 9px 22px;
	margin-right:0px !important;	

}

.campos input[type="text"] { 
	background: #FFF;
	color: #666;
	display: block;
	float: left;
	font: 15px 'Ubuntu', sans-serif; 
	height: 16px;
	padding: 9px;
	margin-right:0px;
	margin-left:0px;
}

.campos input[type="button"] { 
	background: #ffa409; 
    color: #FFF;
    cursor: pointer;
    height: 36px;
    font: 18px 'Ubuntu', sans-serif;
    padding: 2px 13px 6px;
    width: 150px;
	margin-right:0px;
	margin-left:0px;

    -webkit-transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -ms-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    transition: background .2s ease-in;
}

.campos input[type="button"]:hover { background: #8b8b8a}

#mapa{
	float:left;
}



/* =============== Estilos do autocomplete =============== */
.ui-autocomplete { 
	background: #fff; 
	border-top: 1px solid #ccc;
	cursor: pointer; 
	font: 15px 'Open Sans',Arial;
	margin-left: 3px;
	width: 493px !important;
	position: fixed;
}

.ui-autocomplete .ui-menu-item { 
	list-style: none outside none;
	padding: 7px 0 9px 10px;
}

.ui-autocomplete .ui-menu-item:hover { background: #eee }

.ui-autocomplete .ui-corner-all { 
	color: #666 !important;
	display: block;
}



/* #Page Styles
================================================== */

/*CONTATO*/

.tituloPagina {
	float: left;
	padding: 10px 0 0 185px;
}

.tituloPagina h2{
	font-family: 'Verdana', sans-serif;
	color: #ffa409;
	margin: 10px 0 10px 200px;
}

#contactform {
 
    padding: 20px 0 0 25px;
    background: #73766f;
	margin: 20px 0 20px 270px;
	color:#fff;
	font-family:'Verdana', sans-serif;

 
    /* Border Shadow */
    -moz-box-shadow: 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc;
 
    }

#contactform .input{
	border-radius:6px;
	margin-top: -4px;
	border: none;
}

#contactform  label{
	font-size: 11pt;
}

	
#name{

}

#message{
	height:150px;
}		

/*Page Denuncie*/

#file{
margin-bottom: 10px;
height: 28px;
width: 347px;
background-color: #fff;
color:#73766f;
}

#file input{
border-radius: 0;
}

#enviar{
	float: right;
	border-radius: 0;
	background-color:#ffa409;
	color:#fff;
	margin: 0 42px 30px 0;
}


	/*Page Sobre*/
	
	#box{
		background-color: #73766f;
		height: 576px;
		margin-top: 20px;
		float:left;
	}
	
	#boxSobre{
		background-color:#fff ;
		height: 485px;
		margin-top:45px;
		margin-left:60px;
		border-radius:5px;
	}
	
	#boxSobre p{
		font: 15px 'Ubuntu', sans-serif;
		color:#010101;
		margin:20px;
	}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		/*Topo*/
		
	
		#menu1{
			padding-left:13px;
		}
		
		#menu2{
			margin-right:-60px;
		}
		
		.menu ul li{
			margin-left:-5px;
		} 
		
		/*Page Contato*/
				
		.tituloPagina{
			padding-left:110px;
		}		
		
		#contactform {
			margin: 20px 0 20px 225px;
		}
		

	
		/*Page Denuncie*/
		
		#file{
		width: 276px;
		}

		
		/*Page Sobre*/
		
		#box{
			height: 675px;
		}
		
		#boxSobre{
			height: 585px;
			margin-left: 50px;
		}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		/*Topo*/
		#navbar{
			height:160px;
			padding-top: 65px;
		}
	
		#logo{
		margin:-180px 0 0 90px;
		}
		
		#menu1{
			padding-left:0;
		}
		
		#menu ul{
		Width: 570px;
		}
		
		.menu ul li{
		Width: 282px;
		margin-left:65px;
		border-bottom: solid 2px #ffffff;
		}
		
		/*Page Contato*/
		
		.tituloPagina{
			padding-left:125px !important;
		}
		
		.tituloPagina h2{
			padding-left:0px;
			margin-left: 0px;			
		}
		
			
		#contactform {
			width: 395px;
		}
		
		#contactform .input {
			width: 360px;
			margin-bottom: 10px;
		}
		
		#enviar{
			float: left;
			width: 368px;
			margin-top:10px;
		}
	
	
			
		/*Page Sobre*/
		
		#box{
			height: 925px;
			margin-bottom:20px;
		}
		
		#boxSobre{
			width:325px;
			height: 820px;
			margin-left: 50px;
		}
		
		
		/* Footer */

		#footer3{
		margin-top:100px;
		}
				
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		/*Topo*/
		#navbar{
		height:160px;
		padding-top: 65px;
		}
	
		#logo{
		margin:-180px 0 0 90px;
		}
		
		#menu1{
			padding-left:0;
		}
		
		#menu ul{
		Width: 570px;
		}
		
		.menu ul li{
		Width: 282px;
		margin-left:65px;
		border-bottom: solid 2px #ffffff;
		}
	

		.campos{
			margin: 20px 0 20px 0 !important;
		}
		
		/*Page Contato*/
		
		.tituloPagina{
			padding-left:110px;
		}	
	
		
		#contactform {
			margin: 20px 0 20px 0px;
		}
		
		


		#footer3{
		height: 118px;
		margin: 0px 0 0 0;
		float:left;
		}
		
		#footer3 ul{
		margin-left: 9px;
		}
		
		#footer3 ul li{
		margin-left: 0;
		}
		
		#footer3 ul li a{
		margin-left: 6px;
		font-size:11px;
		}
		
		#footer3 p{
		margin-top: -2px;
		
		}
		
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		/*Topo*/
		#navbar{
			height:160px;
			padding-top: 65px;
		}
	
		#logo{
		margin:-180px 0 0 35px;
		}
		
		#menu1{
			padding-left:0;
			float:right;
		}
		
		#menu ul{
		Width: 570px;
		}
		
		.menu ul li{
		Width: 240px;
		margin-left:30px;
		border-bottom: solid 2px #ffffff;
		}
	
		.campos{
			margin: 20px 0 20px 0 !important;
		}

		
		/*Page Contato*/
		
		#contactform {
			margin: 20px 0 20px 0px;
			width: 275px;
		}

		.tituloPagina{
			padding-left:65px !important;
		}
		
		.tituloPagina h2{
			padding-left:0px;
			margin-left: 0px;			
		}
		
		
		#contactform .input {
			width: 245px;
		}
		
		#enviar{
			float: left;
			width: 253px;
			margin-top:10px;
		}
		
		
		#contactform {
			margin: 20px 0 20px 0px;
		}
		
		
		/*Page Sobre*/
		
		#box{
			height: 1157px;
			margin-bottom:20px;
		}
		
		#boxSobre{ 
			width:250px;
			height: 1060px;
			margin-left: 24px;
		}

		
		/*footer*/
		
		#footer3{
		height: 118px;
		margin: 0px 0 0 0;
		float:left;
		}
		
		#footer3 ul{
		font-size: 10pt;
		}
	
		
		#footer3 ul{
		margin-left: 9px;
		}
		
		#footer3 ul li{
		margin-left: 0;
		}
		
		#footer3 ul li a{
		margin-left: 6px;
		font-size:11px;
		}
		
		#footer3 p{
		margin-top: -2px;
		
		}		
		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/